<template>
<div class="content">
  <div class="progress">
    <img src="~assets/img/icon_jd_dis@2x.png" alt="">
  </div>
  <div class="pay-status tc">
    <img src="~assets/img/icon-sb@2x.png" alt="支付失败">
    <p class="pay-status-title">支付失败</p>
    <p class="sub-descr">你的订单未成功创建</p>
    <div class="pay-btns tc">
      <button style="opacity:1" class="common-btn" @click="renew()">重新支付</button>
    </div>
  </div>
</div>
</template>

<script>
export default {
  data () {
    return {
    }
  },
  mounted () {
    this.$apiPost('userstatus',{}).then((data) => {
      if (data.status === 0) {
         if (data.data.recode === 1005) {
            this.$router.push('/user')
          }
      } else {
        MessageBox({title: '提示',message: data.msg})
      }
    })
  },
  methods: {
    renew () {
      this.$router.push ('/payment')
    }
  }
}
</script>
<style scoped lang="scss">
.pay-status {
  img {
    width: 128px;
    height: 128px;
    margin: 35px 10px;
  }
  .pay-status-title {
    font-size: 36px;
  }
  .sub-descr {
    color: #999;
  }
  .ing-btn {
    background-color: #fff;
    color: #333;
  }
}
</style>
